<template>
	<view>
		<view class="title-top">如果你确认表单内容损害了你的正当利益或者违反了<text>《问吧平台使用规范》</text>，填写本举报表单，问吧将根基您提供的信息，处理表单和表单发布者账号。</view>
		<view class="title-top">*举报处理结果不会单独通知，举报人信息对表单制作者匿名，请放心提交。问吧感谢您为净化网络环境做出的努力。</view>
		<button class="save" @tap="Save" :style="{background:background}">{{title}}</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '我已阅读以上内容',
				time: 10,
				background: '#999'
			};
		},
		methods: {
			Save() {
				// 60秒后重新获取验证码
				let that = this
				var inter = setInterval(function() {
					that.title = '我已阅读以上内容' + '(' + that.time + ')'
					that.time = that.time - 1
					that.background = "#DEDEDE"
					if (that.time < 1) {
						clearInterval(inter)
						that.title = '我已阅读以上内容'
						that.time = 10
						that.background = "#999"
					}
				}.bind(this), 1000);
				uni.navigateTo({
					url: '../submitTip/submitTip'
				})
			}
		}
	}
</script>

<style lang="scss">
	.title-top {
		width: 690rpx;
		margin: 60rpx auto;
		color: #333;
		font-size: 30rpx;

		text {
			color: #209FFC;
		}
	}

	.save {
		width: 690rpx;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		border-radius: 50rpx;
		margin: 150rpx auto 0;
		color: #fff;
		font-size: 36rpx;
	}

	button::after {
		border: none
	}
</style>
